<template>
    <div>
        <el-table
                :data="this.$store.state.permissions"
                style="width: 100%;margin-bottom: 20px;"
                row-key="permissions_id"
                border
                default-expand-all
                :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
            <el-table-column
                    fixed
                    type="index"
                    label="序号"
                    width="200"/>
            <el-table-column
                    prop="permissions_name"
                    label="名称"
                    width="400">
            </el-table-column>
            <el-table-column
                    prop="permissions_type"
                    label="类型"
                    width="400">
            </el-table-column>
            <el-table-column
                    prop="permissions_router"
                    label="路由">
            </el-table-column>
        </el-table>
    </div>
</template>

<script>
    export default {
        name: "index"
    }
</script>

<style scoped>

</style>